<template>
  <div class="row">
    <!--分类标题-->
    <div class="classificationTitle col-12">
      <h2>{{title}}</h2>
    </div>
    <!--分类内容-->
    <div class="item-container d-flex flex-column col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3"
         v-for="(item,i) of items" :key="i">
      <img :src="item.cover.src">
      <div class="detail">
        <h5><a class="name">{{item.name}}</a></h5>
        <a class="more" :href="`https://www.baidu.com/s?wd=${item.name}&ie=utf-8`">了解更多</a>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "TemplateOfList1",
    props: ['title', 'items']
  }
</script>

<style scoped>
  @import "../../assets/css/TemplateOfList.css";
</style>
